.side { width: 184px; min-height:240px; float: left;background-color: #fff;}
.side ul { width: 80px; margin: 0 auto;margin-top: 30px;}
.side ul li {text-align: center;}
.side ul li a {display: block; height: 50px;line-height: 50px;margin: 8px 0; font-size: 14px;}
.side ul li.on a{border-bottom:1px solid #F8AC01; color: #F8AC01;font-weight: bolder;}

.main {width: 900px; float: right;background-color: #fff;padding:10px 50px;}
.main .mfc {color: #F8AC01;}
.userinfo {padding: 40px 0;border-bottom: 1px solid #F4F4F4;}
.userinfo .userimg{width: 112px;height: 112px;padding: 5px;border-radius: 50%; float: left;
-moz-box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*firefox*/  
-webkit-box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*webkit*/  
box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*opera或ie9*/
}
.userinfo .userimg img {display: block;margin: 0 auto;width: 100%;border-radius: 50%;}
.userinfo .usertext {margin-left: 160px; font-size: 14px;}
.userinfo .usertext h3 { font-size: 20px; color: #333;line-height: 50px;}
.userinfo .usertext .levelBar {line-height: 40px;}
.userinfo .usertext .levelBar .line {width: 240px; display: inline-block; height: 4px;overflow: hidden;background-color: #ECECEC;
border-radius: 4px; position:relative; top:-3px; margin: 0 12px; line-height: 4px;}
.userinfo .usertext .levelBar .line .now {display: inline-block; height: 4px;overflow: hidden;background-color: #F8AC01;
border-radius: 4px;line-height: 4px;float: left;}
.userinfo .usertext .addinfo {line-height: 32px; cursor:pointer; color: #F8AC01;padding-left: 18px;background: url(../images/edit-user.png) 0 center no-repeat;}
.userinfo .usertext .userStateBar {line-height: 32px;}
.userinfo .usertext .userStateBar span {padding-left: 16px;display: inline-block; margin-right: 12px;}
.userinfo .usertext .userStateBar span.phonehas {background: url(../images/phonehas.png) 0 center no-repeat; color: #666;}
.userinfo .usertext .userStateBar span.phonenohas {background: url(../images/phonenohas.png) 0 center no-repeat; color: #D1D1D1;}
.userinfo .usertext .userStateBar span.emailhas {background: url(../images/emailnohas.png) 0 center no-repeat;color: #666;}
.userinfo .usertext .userStateBar span.emailnohas {background: url(../images/emailhas.png) 0 center no-repeat;color: #D1D1D1;}
.userinfo .usertext .userStateBar span.phonenohas a,.userinfo .usertext .userStateBar span.emailnohas a {color: #D1D1D1;}

.projects {padding: 40px 0; font-size: 14px;}
.projects ul li {height: 110px; position: relative;}
.projects ul li i{ width: 60px; height: 110px;display: inline-block;}
.projects ul li i.pro1 {background: url(../images/pro1.png) 10px 35px no-repeat; }
.projects ul li i.pro2 {background: url(../images/pro2.png) 10px 35px no-repeat; }
.projects ul li i.pro3 {background: url(../images/pro3.png) 10px 35px no-repeat; }
.projects ul li i.pro4 {background: url(../images/pro4.png) 10px 35px no-repeat; }
.projects ul li .text {position: absolute;top:0;left: 60px; padding: 25px 0; height: 60px;line-height: 30px;}
.projects ul li .text h4 {color:#333;font-size: 16px;}
.projects ul li .text h4 .no-bind {color: #F8AC01;margin-left: 10px; padding-left: 18px;
background: url(../images/error-icon.png) 0 center no-repeat;}
.projects ul li .text h4 .bind {color: #F8AC01;margin-left: 10px;}

.projects ul li .text p { color: #999;}
.projects ul li .operation { height: 32px; position: absolute; right: 0px; top:39px;}
.projects ul li .operation a {display: inline-block; width: 88px; border: 1px solid #D1D1D1;line-height: 30px; text-align: center;border-radius: 4px;}
.projects ul li .operation a:hover {color: #F8AC01;border-color: #F8AC01;}


/*优化layer样式*/
.layui-layer {background-color: #fff;}
.layui-layer-title {background-color: #fff;text-align: center; padding: 0 20px;}
.tc-title {font-size: 14px;font-weight: bold;}


.popover-count {width: 330px;padding: 0 55px;display: none;}
.popover-count .rowli {font-size: 14px;padding-bottom: 26px; position: relative;}
.popover-count .rowli .error {color: red;position: absolute; line-height: 26px;}
.popover-count .modfc {color: #F5A623}
.popover-count .rowli .name{height: 30px;line-height: 30px;}
.popover-count .rowli .txt {width: 100%;height: 45px;}
.popover-count .rowli .inp { height: 33px; padding:5px 10px; width:308px;border-radius:4px; font-size: 14px;border-color: #d1d1d1;}
.popover-count .rowli .inp.error {border-color: red}
.popover-count .phoneli .num{display: inline-block; border: 1px solid #d1d1d1;float: left;height: 33px;padding:5px; line-height:33px;
border-right: 0; width: 54px;text-align: center;border-radius: 4px 0 0 4px;}
.popover-count .phoneli .inp {width: 243px;border-radius: 0 4px 4px 0;}
.popover-count .phoneli .inp:focus{ border-color: #F5A623;}

.popover-count .yzmli .num{display: inline-block; border: 1px solid #d1d1d1;float: right;height: 33px;padding:5px; line-height:33px;
border-left: 0; width: 134px;text-align: center;border-radius: 0 4px 4px 0;}
.popover-count .yzmli .inp {width: 163px;border-radius: 4px 0 0 4px;}
.popover-count .yzmli .inp:focus{ border-color: #F5A623;}
.popover-count .yzmli .refresh {width: 33px;height: 33px;background: url(../images/refresh.png) center center no-repeat; float: right; cursor: pointer;}
.popover-count .yzmli .refresh:hover {background: url(../images/refreshon.png) center center no-repeat;}
.popover-count .rowli .surebtn {width: 100%; height: 45px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;}
.popover-count .rowli .surebtn:hover {background-color: #F59123;}
.popover-count .rowli .newsele {width: 100%;height: 45px; line-height:42px; border-color: #d1d1d1;}
.popover-count .rowli .newsele.open {border-color: #F5A623;}
.popover-count .rowli .newsele .list {border-color:#d1d1d1;}
.popover-count .rowli .newsele.open .list {border-color:#F5A623;}


/*绑定邮箱第二步*/
.contPage2 {display: none;}
.contPage2 .sendmsg {font-size: 14px; line-height: 40px;}
.contPage2 .getyzm {background-color: #fff; color: #333; cursor: pointer;}
.contPage2 .getyzm.grayyzm {color: #D1D1D1;}

/*绑定提示成功*/
.contSuccess {display: none;text-align: center;}
.contSuccess .regicon {display: inline-block; width:80px;height:90px; margin: 0 auto; margin-top:80px; background: url(../images/regsuccess.png) center center no-repeat;}
.contSuccess h3 {font-size: 32px; color: #333;margin-top: 15px;}



/*面包屑*/
.crumb {margin-top: 30px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #F4F4F4;}
.modBox .title{ height: 90px;line-height: 90px;position: relative;}
.modBox .title h2 {font-size: 20px;}
.modBox .title .writeBtn {line-height: 30px; position:absolute;top:30px; right:10px; cursor:pointer; color: #F8AC01;
padding-left: 18px;background: url(../images/edit-user.png) 0 center no-repeat;}

.personinfo {padding: 0 0 60px 0;border-bottom: 1px solid #F4F4F4; position: relative;}
.personinfo .personimg{width: 112px;height: 112px;padding: 5px;border-radius: 50%; float: left;
-moz-box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*firefox*/  
-webkit-box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*webkit*/  
box-shadow:0px 0px 5px rgba(000,000,000,0.2);/*opera或ie9*/}
.personinfo .personimg img {display: block;margin: 0 auto;width: 100%;height:100%; border-radius: 50%;}
.personinfo .changeImg {width: 122px; height:30px; text-align:center; line-height: 30px; position: absolute; left: 0;bottom: 20px; 
font-size: 14px; color: #F8AC01; cursor: pointer;}
.personinfo .persontext {margin-left: 200px; font-size: 14px;}
.personinfo .persontext ul li {width: 50%;float: left; line-height: 40px;}
.personinfo .persontext ul li:first-child {width: 100%;}
.personinfo .persontext ul li p {display: inline-block;}
.personinfo .persontext ul li p.name{margin-right: 10px;}

.noproof {text-align: center;padding-bottom: 30px;}
.noproof .noproofimg {display: inline-block; width:218px;height:127px; margin: 0 auto; margin-top:20px; background: url(../images/noproof.jpg) center center no-repeat;}
.noproof .noprooftit {font-size: 20px; color: #FDDFAD;margin-top: 15px;}
.noproof .noprooftext {font-size: 14px; color: #C8C6C4;margin-top: 15px;}
.noproof .surebtn {width: 100px; height: 32px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;margin-top: 15px;}
.noproof .surebtn:hover {background-color: #F59123;}


.proof {text-align: left;padding-bottom: 100px;}
.proof ul li {width: 33.33%;float: left; line-height: 40px; font-size: 14px;}
.proof ul li p {display: inline-block;}
.proof ul li p.name{margin-right: 10px;}
.proof .prooftext {font-size: 14px; color: #C8C6C4;margin-top: 25px;}

.userulForm {margin-top: 15px;}
.userulForm li {padding: 8px 0;height: 45px;}
.userulForm li .name { width: 60px; padding-right: 10px; text-align: left; float: left; height: 45px; line-height: 45px; font-size: 16px; }
.userulForm li .inpbox { margin-left: 70px; }
.userulForm li .inpbox .inp { height: 45px; line-height: 45px; padding:5px 10px; width: 100%;border-radius: 4px; border-radius:4px; font-size: 14px;border-color: #d1d1d1;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.userulForm li .inpbox .inp:focus{ border-color: #F5A623;}
.userulForm li .inpbox label.hRadio {margin: 12px 20px 0 0;}
.userulForm li .sfsele {width: 100%; height: 45px; line-height: 42px; border-color: #d1d1d1; display: inline-block;float: none;text-align: left;}
.userulForm li .sfsele.open {border-color: #F5A623;}
.userulForm li .sfsele .list {border-color:#d1d1d1;}
.userulForm li .sfsele.open .list {border-color:#F5A623;}
.userulForm li .sfsele .option { width: auto;display: block; padding:0 10px; margin-left: 0;float: none; height: 30px; line-height: 28px;min-height: 30px;}

.userulForm li.textbox {height:90px;}
.userulForm li.textbox textarea {border-color: #d1d1d1;border-radius: 4px;font-size: 14px;line-height: 38px;height: 90px; padding:5px 10px; width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.userulForm li.textTags {}
.userulForm li.textTags li{ float: left; border: 1px solid #d1d1d1; color:#d1d1d1; height: 24px; line-height: 24px; font-size: 12px; padding: 0 8px; margin-left: 10px; cursor: pointer; }
.userulForm li.textTags li:first-child {margin-left: 0;}
.userulForm li.textTags li.on{ border-color: #F5A623; background-color: #F5A623;color: #fff; }

.userulForm .surebtn {width: 100%; height: 45px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;}
.userulForm .surebtn:hover {background-color: #F59123;}



/*绑定证件*/
.doculForm {margin-top: 15px;}
.doculForm li {padding: 10px 0;height: 45px;}
.doculForm li .name { width: 90px; padding-right: 10px; text-align: left; float: left; height: 45px; line-height: 45px; font-size: 16px; }
.doculForm li .inpbox { margin-left: 100px; }
.doculForm li .inpbox .inp { height: 45px; line-height: 45px; padding:5px 10px; width: 100%;border-radius: 4px; border-radius:4px; font-size: 14px;border-color: #d1d1d1;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.doculForm li .inpbox .inp:focus{ border-color: #F5A623;}
.doculForm li .inpbox label.hRadio {margin: 12px 20px 0 0;}
.doculForm li .sfsele {width: 100%; height: 45px; line-height: 42px; border-color: #d1d1d1; display: inline-block;float: none;text-align: left;}
.doculForm li .sfsele.open {border-color: #F5A623;}
.doculForm li .sfsele .list {border-color:#d1d1d1;}
.doculForm li .sfsele.open .list {border-color:#F5A623;}
.doculForm li .sfsele .option { width: auto;display: block; padding:0 10px; margin-left: 0;float: none; height: 30px; line-height: 28px;min-height: 30px;}
.doculForm .surebtn {width: 100%; height: 45px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;}
.doculForm .surebtn:hover {background-color: #F59123;}
.doculForm .warningTips {color: #D0021B; margin-top: 15px;}
.doculForm li .inpbox .inp.error {border-color: red;margin-left: 0;}
.doculForm li .error {color: red;margin-left: 100px;clear: both;line-height: 20px;}


/*上传头像*/
.headimgBox {text-align: center;margin-top: 15px;}
.headimgBox .surebtn {width: 100%; height: 45px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;margin-top: 40px;}
.headimgBox .surebtn:hover {background-color: #F59123;}
.headimgBox .imgTips {color: #999; margin-top: 20px;text-align: center;}


/*个人空间-履行中的合同*/
.mycontract {border-bottom: 1px solid #F4F4F4;padding-bottom: 20px;}
.mycontract ul li { width: 147px;height: 260px; padding:0 20px; margin-right:36px; margin-bottom:20px; float: left;overflow: hidden;font-size: 14px; background: url(../images/contractbg.jpg) no-repeat;}
.mycontract ul li h4 { height: 40px; line-height: 40px;padding-top: 20px;text-align: center;}
.mycontract ul li.tenant h4 {color: #E76711;}
.mycontract ul li.proprietor h4 {color: #74BBA6;}
.mycontract ul li .contId {line-height: 26px; height:104px; padding: 8px 0 10px 0;}
.mycontract ul li .contdate {line-height: 26px;color: #999;}

.nocontract {text-align: center;padding-bottom: 30px;}
.nocontract .nocontractimg {display: inline-block; width:218px;height:131px; margin: 0 auto; margin-top:20px; background: url(../images/nocontract.jpg) center center no-repeat;}
.nocontract .nocontracttit {font-size: 20px; color: #E7EFF8;margin-top: 15px;}
.nocontract .nocontracttext {font-size: 14px; color: #C8C6C4;margin-top: 15px;}
.nocontract .nocontracttext a {color: #F8AC01;text-decoration: underline;margin: 0 5px;}

/*个人空间-我的收藏*/
.roomlist {padding-bottom: 20px;}
.roomlist .item { width: 100%;height: 160px; padding: 30px 0; border-bottom: 1px solid #ebebeb; position: relative; background-color: #fff;}
.roomlist .item .cxroom {position: absolute;top:0;right:0;width: 74px;height:74px;background: url(../images/cxroom.png) no-repeat;}
.roomlist .item:hover { background-color: #f9fafb; }
.roomlist .item:hover .more .cancelCollect {display: block;}
.roomlist .item .imgbox { width: 248px; height: 160px; float: left; position: relative;}
.roomlist .item .imgbox img {width: 100%;display: block;margin: 0 auto;max-height: 160px;}
.roomlist .item .txt { float: left; margin-left: 30px; font-size: 14px; }
.roomlist .item .txt h5 {font-size: 20px; line-height: 30px; font-weight: bolder; }
.roomlist .item .txt h5 i.short {
    display: inline-block;
    background-color: #ff6b11;
    border-radius: 2px;
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
    margin: 0 10px 0 0;
    color: #fff;
    position:relative;
    top:-3px;
    font-size: 14px;
}

.roomlist .item .txt h5 a:hover { color: #f8ac01 }
.roomlist .item .txt .add { height: 30px; line-height: 30px; color: #999; padding-left: 25px; background:url(../images/add.png) no-repeat 0 center; }
.roomlist .item .txt .info { font-size: 14px; height: 30px; color: #999; padding-left: 25px; background: url(../images/info.png) no-repeat 0 center; }
.roomlist .item .txt .info li {line-height: 16px;margin: 7px 0;padding: 0 10px;float: left;border-left: 1px solid #e7e7e7;}
.roomlist .item .txt .info li:first-child {border-left: 0; padding-left: 0;}
.roomlist .item .txt .info span {color: #333; padding: 0 10px;}
.roomlist .item .txt .traffic { height: 30px; line-height: 30px; color: #999; padding-left: 25px; background:url(../images/traffic.png) no-repeat 0 center;}
.roomlist .item .txt .traffic span {color: #333; padding: 0 10px;}
.roomlist .item .txt .notraffic {background: none;}

.roomlist .item .txt .tags { height: 30px; }
.roomlist .item .txt .tags a{background-color: #fff; border: 1px solid #ddd; font-size: 14px; padding: 0 14px;line-height: 28px;margin-top: 10px; display: inline-block; margin-right:14px; float: left;}
.roomlist .item .txt .tags a.fc1{border-color: #79d7a8;color: #79d7a8;}/*离地铁10分钟*/
.roomlist .item .txt .tags a.fc2{border-color: #a3b8ec;color: #a3b8ec;}/*朝南*/
.roomlist .item .txt .tags a.fc3{border-color: #ffaa5f;color: #ffaa5f;}/*独卫*/
.roomlist .item .txt .tags a.fc4{border-color: #ff8b74;color: #ff8b74;}/*阳台*/
.roomlist .item .txt .tags a.fc5{border-color: #db94d2;color: #db94d2;}/*飘窗*/
.roomlist .item .txt .tags a.fc6{border-color: #f495a7;color: #f495a7;}/*闺蜜房*/

.roomlist .item .more { position: absolute; right: 15px; top: 76px; width: 210px; text-align: center; }
.roomlist .item .more .price {font-size:14px;line-height:24px; color: #333; margin-bottom: 20px;}
.roomlist .item .more .price span {font-size:26px;color: #f8ac01; position: relative;bottom: -3px;}
.roomlist .item .more .flp {font-size:14px;color: #333;}
.roomlist .item .more .flp .right { width: 14px;height: 14px; background: url(../images/righticon.png); position:relative;bottom:-2px; display:inline-block; margin-right: 8px;}
.roomlist .item .more .flp .right.r2 {margin-left: 20px;}
.roomlist .item .more .cancelCollect {display: none;}
.roomlist .item .more .cancelCollect a {height: 28px;line-height: 28px; color: #999; cursor:pointer; width:100px;
font-size: 14px; text-align: center;display: block; margin:0 auto; margin-top:18px;background:url(../images/cancelCollect.png) no-repeat 0 center;}
.roomlist .item .more .cancelCollect a:hover{background:url(../images/cancelCollecton.png) no-repeat 0 center; color: #f8ac01;}


.nocollect {text-align: center;padding-bottom: 30px;}
.nocollect .nocollectimg {display: inline-block; width:218px;height:135px; margin: 0 auto; margin-top:20px; background: url(../images/nocollect.jpg) center center no-repeat;}
.nocollect .nocollecttit {font-size: 20px; color: #E7EFF8;margin-top: 15px;}


/*我的门锁*/
.houseInfo {height: 240px; width: 100%; font-size: 14px;border-bottom: 1px solid #F4F4F4;}
.houseInfo .houseImg { width: 470px; height: 240px; float: left;background:url(../images/roomImg.jpg) no-repeat center center;}
.houseInfo .houseText {margin-left: 500px; padding-top: 30px;}
.houseInfo .houseText dl {padding-top: 15px;}
.houseInfo .houseText dl dt {color: #999; line-height: 26px;}
.houseInfo .houseText dl dd {color: #333; font-size: 18px;}
.houseInfo .houseText .lookmore {line-height: 30px; color: #F8AC01; cursor: pointer;margin-top: 15px;}

.roomDoor {padding:20px 0 30px 0;}
.roomDoor ul li {width: 49%;float: left; height: 350px;}
.roomDoor ul li:first-child {border-right:1px solid #F4F4F4;}
.roomDoor ul li .imgbox { width: 100%; height: 210px;}
.roomDoor ul li.roomli .imgbox {background:url(../images/myroomImg.jpg) no-repeat center center;}
.roomDoor ul li.doorli .imgbox {background:url(../images/mydoorImg.jpg) no-repeat center center;}
.roomDoor ul li .case {height: 30px;padding-left: 50px;}
.roomDoor ul li .case h3 {height: 30px;line-height: 30px;font-size: 18px;float: left;}
.roomDoor ul li .case .stateImg {width: 90px;float: left; margin-left: 40px;}
.roomDoor ul li .case .stateImg img {float: left; height: 30px;max-height: 30px;margin-right: 8px;}
.roomDoor ul li .case .stateImg .val {float:left;line-height: 30px;font-size: 14px;}
.roomDoor ul li .getpsw {width: 100%;text-align: center;}
.roomDoor ul li .getpsw .surebtn {width: 120px; height: 32px; text-align: center; font-size: 16px; cursor: pointer;
border-radius: 4px; background-color: #F8AC01; color: #fff;margin-top: 15px;}
.roomDoor ul li .getpsw .surebtn:hover {background-color: #F59123;}


/*获取房间密码*/
.getform {font-size: 14px;}
.getform h3 {text-align: center;padding: 20px 0; }
.getform .sendmsg {line-height: 40px; color: #999;}
.getform .sendmsg .mfc {color: #F8AC01}
.getform .errormsg {color: #D0021B;padding: 20px 0 30px 0;}


